<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>确认订单</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<link rel="stylesheet" type="text/css" href="themes/font/font-awesome/css/font-awesome.min.css">
	<style>
		.aui-list-product-fl-text h3{
			margin-bottom: 0;
		}
		.aui-payment-bar .shop-total span{
			font-size: 16px;
		}
		.aui-fl-arrow-clear .aui-address-cell-bd{
			text-align: left;
		}
		.aui-address-cell:last-child:after{display: none;}
		
		.aui-list-product-fl-img{width: 8rem;}
		.aui-settle-choice {
		    overflow-x: auto;
		    height: 350px;
		}
		.aui-list-product-fl-mes{
			line-height: 24px;
		}
	</style>
</head>
<body>
	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">确认订单</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0"></a>
	</header>
	
	<section class="aui-address-content">	
		
		
		<div class="aui-address-well">

			<div class="aui-dri"></div>
			<a href="#" class="aui-address-cell aui-fl-arrow aui-fl-arrow-clear" data-ydui-actionsheet="{target:'#actionSheet-coupon',closeElement:'#cancel-coupon'}">
				<div class="aui-address-cell-bd">优惠券</div>
				<div class="aui-address-cell-ft" id="iscoupon">无可用</div>
			</a>
			<div class="m-actionsheet" id="actionSheet-coupon">
					<div style="position:relative">
						<div style="height:400px;background-color: #f7f7f7;">
							<div class="title">
								<h1>
									优惠券
									<a href="javascript:;" class="actionsheet-action fa fa-close" id="cancel-coupon"></a>
								</h1>
								
							</div>
							<div class="aui-settle-choice">
								<div class="aui-list-product-box aui-list-product-box-clear" id="coupon-list">					
									<script type="text/html" id="couponTempl">
										{{each}}											
											<!--内容开始-->
											<div class="aui-coupon-item">
												<div class="coupon_voucher2">
													<div class="yhj_topbann un_use_color_bg"></div>
													<div class="coupon_voucher2_main clearfix"> 
														<div class="coupon_voucher2_view fl">  
															<p class="coupon_voucher2_view_price"><i>¥</i><strong>{{$value.discountAmount}}</strong></p> 
															{{if $value.useCondition === "0"}}
																<p class="coupon_voucher2_view_des">满{{$value.conditionalAmount}}可用</p>
															{{else}}
																<p class="coupon_voucher2_view_des">无门槛用</p>
															{{/if}}
														</div> 
														<div class="coupon_voucher2_info fr">								
															<ul>									
																<li>{{$value.couponName}}</li>
																<li>{{$value.endDate | dateFormat}}到期</li>
															</ul>							
														</div> 
														<div class="aui-address-cell-ft">
															<input type="radio" name="coupon" class="check check-pay goods-check goodsCheck" data-amount="{{$value.discountAmount}}"  value="{{$value.couponCardNo}}"/>					
														</div>
													</div>
												</div>
											</div>
										{{/each}}
									</script>
								</div>
								<div class="mod_empty_page"><div class="mod_empty_page_icon"><img src="themes/img/tip/59e46980N2658925e.png"></div> <p class="mod_empty_page_main">您当前无优惠券</p></div>
							</div>
						</div>
						<div class="aui-product-function">							
							<a href="#" id="btn-confirm-coupon" class="red-color" style="width: 100%;">确定</a>
						</div>
					</div>
				</div>
			
			<div class="aui-dri"></div>
				<a href="#" class="aui-address-cell aui-fl-arrow aui-fl-arrow-clear" data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}">
					<div class="aui-address-cell-bd">支付方式</div>
					<div class="aui-address-cell-ft" id="pay-method">微信支付</div>
				</a>
				<div class="m-actionsheet" id="actionSheet">
					<div style="position:relative">
						<div style="height:220px;background-color: #f7f7f7;">
							<div class="title">
								<h1>
									选择支付方式
									<a href="javascript:;" class="actionsheet-action fa fa-close" id="cancel"></a>
								</h1>
								
							</div>
							<div class="aui-settle-choice">
								<a href="#" class="aui-address-cell  aui-fl-arrow-clear">
									<div class="aui-address-cell-hd">
										<img src="themes/img/icon/apy-5.png" alt="">
									</div>
									<div class="aui-address-cell-bd">
										微信支付
										<p>微信安全支付</p>
									</div>
									<div class="aui-address-cell-ft">
										<input type="radio" name="pay" class="check check-pay goods-check goodsCheck" value="2" checked=""/>
									</div>
								</a>
								
								<a href="#" class="aui-address-cell  aui-fl-arrow-clear">
									<div class="aui-address-cell-hd">
										<img src="themes/img/icon/apy-7.png" alt="">
									</div>
									<div class="aui-address-cell-bd">
										现金支付
										<p>指定网点线下支付</p>
									</div>
									<div class="aui-address-cell-ft">
										<input type="radio" name="pay" class="check check-pay goods-check goodsCheck" value="1"/>
									</div>
								</a>
								
								<a href="#" class="aui-address-cell  aui-fl-arrow-clear">
									<div class="aui-address-cell-hd">
										<img src="themes/img/icon/apy-7.png" alt="">
									</div>
									<div class="aui-address-cell-bd">
										公司转账
										<p>公司转账</p>
									</div>
									<div class="aui-address-cell-ft">
										<input type="radio" name="pay" class="check check-pay goods-check goodsCheck" value="3"/>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			<div class="aui-dri"></div>
			<a href="#" class="aui-address-cell  aui-fl-arrow-clear">
				<div class="aui-address-cell-bd">
					<h3>商品金额</h3>
				</div>
				<div class="aui-address-cell-ft">
					<span class="aui-red">￥<i id="price"></i></span><br>
					<span class="aui-red">-￥<i id="minus-price">0.00</i></span>
				</div>
			</a>
		</div>
		<div class="aui-payment-bar">
			<div class="shop-total">
				<span class="aui-red aui-size">实付款: <em>￥<i id="total-price"></i></em></span>
			</div>
			<a href="javascript:order.submit();" class="settlement">提交订单</a>
		</div>
	</section>
	
	<script src="themes/js/jquery.min.js"></script>
	<script src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
	<script src="themes/js/common.js"></script>
	<script src="static/order/order.js"></script>
	<script src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js'></script>
	<script  type="text/html" id="dataTmpl">
		{{each}}
		<div class="aui-list-product-float-item">
			<a href="ui-product.html?id={{$value.id}}" class="aui-list-product-fl-item">
				<div class="aui-list-product-fl-img">
					<img src="{{$value.picture1 | pictureFormat}}" onerror="this.src='themes/img/pd/course_defult.jpg'" alt="">
				</div>
				<div class="aui-list-product-fl-text">
					<h3 class="aui-list-product-fl-title">{{$value.courseName}}</h3>
					<div class="aui-list-product-fl-mes">
						<div>
							<span class="aui-list-product-item-price">
								<em>¥</em>
								{{$value.actualPrice | coursePriceFormat}}
							</span>
						</div>
						<div class="aui-btn-purchase">
							<span>讲师：{{$value.teacherMain}}</span>
						</div>
					</div>
					<div class="aui-list-product-fl-mes">
						课次：{{$value.purchaseTimesS}}
					</div>
				</div>
			</a>
		</div>
		{{/each}}
	</script>

</body>
</html>